<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为手机大全_华为智能手机_华为商城</title>
    <link rel="stylesheet" href="./js/layui-v2.6.8/layui/css/layui.css">
    <link rel="shortcut icon" href="./images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="./css/list.css">
    <link rel="stylesheet" href="./font/home/iconfont.css">
</head>
<body>
<div class="wrap">
<div class="header">
<div class="header-main">
    <ul>
        <li><a href="./home.html">首页</a><span>|</span></li>
        <li><a href="#">华为官网</a><span>|</span></li>
        <li><a href="#">花粉俱乐部</a><span>|</span></li>
        <li><a href="#">V码（优购码）</a><span>|</span></li>
        <li><a href="#">企业购</a><span>|</span></li>
        <li><a href="#">Select Region</a><span>|</span></li>
        <li><a href="#">更多精彩<b class="iconfont">&#xe616;</b></a></li>
    </ul>
    <ol>
        <li class="into1"><a href="login.html">登录</a></li>
        <li class="into2"><a href="register.html">注册</a><span>|</span></li>
        <li><a href="#">我的订单</a><span>|</span></li>
        <li><a href="#">客户服务</a><b class="iconfont">&#xe616;</b><span>|</span></li>
        <li><a href="#">网站导航</a><b class="iconfont">&#xe616;</b><span>|</span></li>
        <li><a href="#">手机版</a><b class="iconfont">&#xe616;</b><span>|</span></li>
        <li><a href="#">客户服务</a><b class="iconfont">&#xe616;</b><span>|</span></li>
        <li>
            <b class="iconfont">&#xe601;</b>
            <a href="#">购物车（0）</a>
        </li>
    </ol>
</div>
</div>

<div class="nav-main">
    <div class="logo"><img src="./images/list/logo.png">
    </div>
    <ul>
        <li class="active"><a href="#" >华为专区</a></li>
        <li><a href="#">莫塞尔专区</a></li>
        <li><a href="#">华为智能屏</a></li>
        <li><a href="#">智能家居</a></li>
        <li><a href="#">福利中心</a></li>
    </ul>
    <div class="search"><input type="search"><b class="iconfont">&#xe603;</b></div>
</div>
<div class="center">
    <div class="main-center">
        <p class="p1">首页<span>></span>手机</p>
        <div class="top">
            <p class="top1">分类：<span>手机</span></p>
            <p class="top2">服务优惠：
                <span><input type="checkbox">仅看有货</span>
                <span><input type="checkbox">分期免息</span>
                <span><input type="checkbox">优惠商品</span> 
            </p>
            <p class="top3">屏幕尺寸：
                <span><input type="checkbox">6.0-6.5英寸</span>
                <span><input type="checkbox">6.5英寸以上</span>
    
            </p>
            <div class="top4">更多选项：
                <div class="top4-1">运行内存
                   <P>
                       <b>4G</b>
                       <b>6G</b>
                       <b>8G</b>
                    </P> 
                </div>
                <div class="top4-2">存储容量
                    <P>
                        <b>64G</b>
                        <b>128G</b>
                        <b>256G以上</b>
                     </P> 
                </div>
                <div class="top4-3">上市时间
                    <P>
                        <b>3个月</b>
                        <b>6个月</b>
                        <b>6个月以上</b>
                     </P> 
                </div>
            </div>
            <p class="top5">排序：
                <span>综合</span>
                <span>最新</span>
                <span>评论数</span>
            </p>
        </div>
    
        <div class="pic">
            <a href="detail.html"><img src="./images/list/main1.png">
            <h4>HUAWEI Mate 40E 5G </h4>
            <p>¥4599.00 <b>多款可选</b></p>
            <p>赠送积分</p>
            <p>6490人评价&nbsp;&nbsp;99%好评</p>
            </a>
        </div>
        <div id="demo20"></div>
</div>
</div>
<div class="news">
    <ul>
        <li><b class="iconfont">&#xe634;</b>百强企业&nbsp;品质保证</li>
        <li><b class="iconfont">&#xe68f;</b>7天退货&nbsp;15天换货</li>
        <li><b class="iconfont">&#xe60b;</b>48天免运费</li>
        <li><b class="iconfont">&#xe639;</b>2000家服务店&nbsp;全国联保</li>
    </ul>
</div>
<div class="footer1">
    <div class="footer1-main">
        <ul>
            <li>
                <h4>购物相关</h4>
                <p><a href="#">购物指南</a></p>
                <p><a href="#">配送方式</a></p>
                <p><a href="#">支付方式</a></p>
                <p><a href="#">常见问题</a></p>
            </li>
            <li>
                <h4>保修与退换货</h4>
                <p><a href="#">购物指南</a></p>
                <p><a href="#">配送方式</a></p>
                <p><a href="#">支付方式</a></p>
                <p><a href="#">常见问题</a></p>
            </li>
            <li>
                <h4>维修与技术支持</h4>
                <p><a href="#">购物指南</a></p>
                <p><a href="#">配送方式</a></p>
                <p><a href="#">支付方式</a></p>
                <p><a href="#">常见问题</a></p>
            </li>
            <li>
                <h4>特色服务</h4>
                <p><a href="#">购物指南</a></p>
                <p><a href="#">配送方式</a></p>
                <p><a href="#">支付方式</a></p>
                <p><a href="#">常见问题</a></p> 
            </li>
            <li>
                <h4>关于我们</h4>
                <p><a href="#">购物指南</a></p>
                <p><a href="#">配送方式</a></p>
                <p><a href="#">支付方式</a></p>
                <p><a href="#">常见问题</a></p> 
            </li>
            <li>
                <h4>友情链接</h4>
                <p><a href="#">购物指南</a></p>
                <p><a href="#">配送方式</a></p>
                <p><a href="#">支付方式</a></p>
                <p><a href="#">常见问题</a></p> 
            </li>
        </ul>
        <div class="right">
            <h3>950805</h3>
            <p>7x24小时客服热线(仅收市话费)</p>
            <h4><b class="iconfont">&#xe80d;</b>在线客服</h4>
            <p>关注vmall：
                <i class="iconfont">&#xe613;</i>
                <i class="iconfont">&#xe60c;</i>
                <i class="iconfont">&#xe600;</i>
                <i class="iconfont">&#xe606;</i>
            </p>
        </div>
    </div>
    <div class="footer2">
        <div class="footer2-main">
            <ul>
                <li>
                    <a href="#"><img src="./images/home/footer2.png"></a>
                </li>
                <li class="two">
                <ol>
                    <li><a href="#">华为集团</a><span>|</span></li>
                    <li><a href="#">华为CBG官网</a><span>|</span></li>
                    <li><a href="#">花粉俱乐部</a><span>|</span></li>
                    <li><a href="#">华为应用市场</a><span>|</span></li>
                    <li><a href="#">EMUI</a><span>|</span></li>
                    <li><a href="#">华为终端云空间</a><span>|</span></li>
                    <li><a href="#">开发者联盟</a><span>|</span></li>
                    <li><a href="#">华为商城手机版</a><span>|</span></li>
                    <li><a href="#">网站地图</a></li>
                </ol>
                <br>
                <p>关于华为商城与隐私的声明Copyright © 2012-2021 华为终端有限公司 版权所有 粤ICP备19015064号|粤公网安备 44190002003939号</p>
                <p>增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182|粤新出网备（2021）2号</p>
                <p>互联网药品信息服务资格证（粤）-非经营性-2020-0102 | 粤东食药监械经营备20203930</p>
                </li>
            </ul>  
        </div>
    </div>
</div>
</div>
</body>
<script src="./js/cookie.js"></script>
<script src="./js/node_modules/jquery/dist/jquery.min.js"></script>
<script src="./js/layui-v2.6.8/layui/layui.js"></script>
<script src="./js/list.js"></script>
</html>